<template>
  <div class="wrapper-inner">
    <div class="form">
      <div class="form-item">
        <div class="title">你的身份是：</div>
      </div>
      <hr>
      <div class="form-item">
        <el-radio v-model="identity" label="1">我是买家</el-radio>
      </div>
      <div class="form-item">
        <el-radio v-model="identity" label="2">我是卖家</el-radio>
      </div>
      <div class="form-item">
        <el-radio v-model="identity" label="3">我是供货商</el-radio>
      </div>
      <div class="form-item">
        <el-button type="primary" @click="selectIdentity()" style="width: 100%">下一步</el-button>
      </div>
    </div>
  </div>
</template>

<style scoped>
.wrapper-inner{
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-image: none;
}
.form{
  width: 80%;
  height: 80%;
}
.form-item{
  height: 60px;
}
.title{
  font-weight: bold;
  font-size: 30px;
}
hr{
  margin-bottom: 40px;
  height: 3px;

  background-color: black;
  border: none;
}
</style>

<style>
.el-radio{
  color: black;
}
</style>

<script>
export default {
  name:'component_choose_identity',
  data(){
    return{
      identity:''
    }
  },
  methods:{
    selectIdentity(){
      if(this.identity===''){
        this.$message.error('素质高一点');
      }else{
        this.$store.commit('registerSelectIdentity',this.identity);
      }
    }
  },
  mounted() {

  },
  created() {

  }
}
</script>
